<!DOCTYPE html>
<head>
	<meta charset="utf-8" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />

	<!-- Set the viewport width to device width for mobile -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="revisit-after" content="15 days" />
	
	<meta name="description" content="<ion:meta_description />" />
	<meta name="keywords" content="<ion:meta_keywords />" />
	<meta name="language" content="<ion:current_lang />" />

	<title><ion:meta_title /> | <ion:site_title /></title>
  	<link rel="stylesheet" type="text/css" href="<ion:theme_url />assets/css/stylesheet.css" />
	<link rel="stylesheet" type="text/css" href="<ion:theme_url />assets/css/flexslider.css" />
	<link rel="stylesheet" type="text/css" href="<ion:theme_url />assets/css/dd.css" />
	<link rel="stylesheet" type="text/css" href="<ion:theme_url />assets/css/prettyPhoto.css" />
	<link rel="stylesheet" type="text/css" href="<ion:theme_url />assets/css/jquery.jqzoom.css" media="screen" />

	<link rel="stylesheet" type="text/css" href="<ion:theme_url />assets/css/responsive.css" />

	<link rel="stylesheet" type="text/css" href="<ion:theme_url />assets/css/slideshow.css" media="screen" />
	<script type="text/javascript" src="<ion:theme_url />assets/js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="<ion:theme_url />assets/js/jquery-ui-1.8.16.custom.min.js"></script>
	<link rel="stylesheet" type="text/css" href="<ion:theme_url />assets/js/jquery-ui-1.8.16.custom.css" />
	<script type="text/javascript" src="<ion:theme_url />assets/js/jquery.cookie.js"></script>

	<script type="text/javascript" src="<ion:theme_url />assets/js/tabs.js"></script>
	<script type="text/javascript" src="<ion:theme_url />assets/js/common.js"></script>
	<script type="text/javascript" src="<ion:theme_url />assets/js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="<ion:theme_url />assets/js/jquery.ba-throttle-debounce.min.js"></script>
	<script type="text/javascript" src="<ion:theme_url />assets/js/jquery.touchSwipe.min.js"></script>
	<script type="text/javascript" src="<ion:theme_url />assets/js/jquery.mousewheel.min.js"></script>
	<script type="text/javascript" src="<ion:theme_url />assets/js/jquery.carouFredSel-6.1.0-packed.js"></script>
	<script type="text/javascript" src="<ion:theme_url />assets/js/cloud-zoom.1.0.3.min.js"></script>
	<script type="text/javascript" src="<ion:theme_url />assets/js/jquery.dd.min.js"></script>
	<script type="text/javascript" src="<ion:theme_url />assets/js/jquery.prettyPhoto.js"></script>
	<script type="text/javascript" src="<ion:theme_url />assets/js/twitter/jquery.tweet.js"></script>
	<script type="text/javascript" src="<ion:theme_url />assets/js/jquery.colorbox.js"></script>
	<link rel="stylesheet" type="text/css" href="<ion:theme_url />assets/js/colorbox.css" media="screen" />
	<!-- Included CSS Files -->
	<!-- <link rel="stylesheet" href="<ion:theme_url />assets/css/normalize.css">
	<link rel="stylesheet" href="<ion:theme_url />assets/css/foundation.min.css">
	<link rel="stylesheet" href="<ion:theme_url />assets/css/app.css">

    <script type="text/javascript" src="<ion:theme_url />javascript/vendor/jquery.js"></script>
    <script type="text/javascript" src="<ion:theme_url />javascript/vendor/modernizr.js"></script>
    <script type="text/javascript" src="<ion:theme_url />javascript/foundation.min.js"></script>
    <script type="text/javascript" src="<ion:theme_url />javascript/foundation/foundation.topbar.js"></script>
    <script type="text/javascript" src="<ion:theme_url />javascript/foundation/foundation.orbit.js"></script>
 -->
	<!-- Ionize JS Lang object -->
	<ion:jslang />

	<!-- if JS needs to get the theme URL, we give it to him -->
	<script type="text/javascript">
		var theme_url = '<ion:theme_url />';
	</script>

	<script type="text/javascript"><!--
$(document).ready(function() {
 	
  $('.flexslider').flexslider({
    animation: "fade",
    controlNav: false,
    directionNav: true,
    start: function(slider) {
	  
	
	  
      }
  });

     
  
});
--></script>
<script type="text/javascript"><!--
$(document).ready(function() {
      
	// Using default configuration
	$(".caruofredsel-featured").carouFredSel({
      
                  infinite: false,
                  auto 	: false,
		
		  width : "100%",
                  prev	: {	
                          button	: ".navigate-featured .prev",
                          key		: "left"
                  },
                  next	: { 
                          button	: ".navigate-featured .next",
                          key		: "right"
                  }
                  ,swipe           : {
                      onTouch     : false,
                      onMouse     : false
                  }
		  ,onCreate : function(data) { $(this).css("height","auto");  }
        
        })

});

--></script>
<script type="text/javascript"><!--
$(document).ready(function() {
      
	// Using default configuration
	$(".caruofredsel-latest").carouFredSel({
      
                  infinite: false,
                  auto 	: false,
		  width : "100%",
                  prev	: {	
                          button	: ".navigate-latest .prev",
                          key		: "left"
                  },
                  next	: { 
                          button	: ".navigate-latest .next",
                          key		: "right"
                  }
                  ,swipe           : {
                      onTouch     : false,
                      onMouse     : false
                  }
		  ,onCreate : function(data) { $(this).css("height","auto");  }
        
        })

});

--></script>
	<ion:google_analytics />

</head>

<body>

	<!-- container -->
	<div id="container">
		<div id="header_menu">

						<!--
							Language Selector
						-->
						<ion:languages tag="ul" class="right">
							<!-- <li <ion:language:is_active> class="active"</ion:language:is_active>> -->
								<a class="small button" href="<ion:language:url />" style="float: right;">
									<ion:language:code />
								</a>
							<!-- </li> -->
						</ion:languages>
			<div class="clear"></div>
		</div>   

	
	<div id="header">
  
  <div id="header_mainmenu">
  	<!--
						Website Logo
					-->
	<a href="<ion:home_url />" class="mm_logo" style="background-color: #EC1C24;background-size: 200px;background-image: url('<ion:theme_url />assets/images/logo.png');background-position: center center;
background-repeat: no-repeat!important;"><!-- <ion:site_title /> --></a>
    <!--
							Navigation Menu
						-->
           
	<ion:navigation level="0" helper="navigation_helper:get_navigation_2" active_class="active"  >
							
							
								
								<!-- <a href="<ion:url />" class="mm_home"><ion:title /></a> -->
							
						</ion:navigation>
    <!-- 
    <a class="mm_shopcart" href="<?=base_url('index.php/welcome/news')?>" id="wishlist-total">News/event</a>
    <a class="mm_shopcart" href="<?=base_url('index.php/welcome/about')?>" style="background-color: rgb(124, 120, 70);">About Us</a>
    <a class="mm_checkout" href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=checkout/checkout">Contact Us</a><div id="cart" class="mm_shopcart" style="background-color: rgb(219, 54, 114);">
  --> <div class="heading">
   <!--  <a><span id="cart-total">Site</span></a></div> -->
 <!--  <div class="content">
        <div class="empty">Your shopping cart is empty!</div>
      </div> -->
</div><div class="clear"></div></div>

<!-- <div class="box mobile-menu" style="display: none;">
  <div class="box-content">
    <div class="box-category">
      <ul>
                <li>
        
        
          <div class="menuopen"></div><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=20">Desktops</a>
         
                    <ul>
                        <li>
             
              <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=20_26">PC (4)</a>
            
            </li>
                        <li>
             
              <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=20_27">Mac (2)</a>
            
            </li>
                      </ul>
                  </li>
                <li>
        
        
          <div class="menuopen"></div><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=18">Laptops &amp; Notebooks</a>
         
                    <ul>
                        <li>
             
              <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=18_46">Macs (1)</a>
            
            </li>
                        <li>
             
              <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=18_45">Windows (2)</a>
            
            </li>
                      </ul>
                  </li>
                <li>
        
        
          <div class="menuopen"></div><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=25">Components</a>
         
                    <ul>
                        <li>
             
              <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=25_29">Mice and Trackballs (0)</a>
            
            </li>
                        <li>
             
              <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=25_28">Monitors (2)</a>
            
            </li>
                        <li>
             
              <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=25_30">Printers (0)</a>
            
            </li>
                        <li>
             
              <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=25_31">Scanners (0)</a>
            
            </li>
                        <li>
             
              <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=25_32">Web Cameras (0)</a>
            
            </li>
                      </ul>
                  </li>
                <li>
        
        
          <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=57">Tablets</a>
         
                  </li>
                <li>
        
        
          <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=17">Software</a>
         
                  </li>
                <li>
        
        
          <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=24">Phones &amp; PDAs</a>
         
                  </li>
                <li>
        
        
          <a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/category&amp;path=33">Cameras</a>
         
                  </li>
            
      </ul>
    </div>
  </div>
</div> -->
</div> <!-- end header -->
<div id="menu" class="clearfix">
  <ion:tree_navigation  active_class="active" tag="ul" level="0" menu="product"> 
              </ion:tree_navigation>
  
</div>

